<div class="search">
    <div class="main">
        <div class="logo">
            <img src="/common/images/logo.png" width="181px" height="72px"/>
        </div>

        <div class="index_header_location">
            <div class="city f_l">
                <div class="city_now" id="city_nav"
                     onclick="document.getElementById('city_link').className='city_link city_hovers'">
                    <a href="#" style="color: #000;float: left;">${Session.current_city!'成都市'}</a>
                    <img src="/common/images/change_city.png"
                         style="float: right;width: 12px;height: 12px;margin-top: 4px;">
                </div>
            <#--<div class="city_swich">-->
            <#--<span class="city_nav" id="city_nav"-->
            <#--onclick="this.className='city_nav city_hover';document.getElementById('city_link').className='city_link city_hovers'">[切换城市]</span>-->
            <#--</div>-->
                <!-- onmouseover= /vs/onclick= -->
                <div id="city_link" class="city_link">
                    <div class="city_show"><span class="f_red f_r" href="javascript:;" title="关闭窗口" style="color: #FFF"
                                                 onclick="document.getElementById('city_nav').className='city_now';document.getElementById('city_link').className='city_link';return !1;">[ X ]</span>
                        <span class="f_l f_red" style="color: #FFF">开通城市</span></div>

                    <#if Session.city_list??>
                        <#list Session.city_list as city>
                            <a class="city_links" href="/change_city?city=${city}">${city}</a>
                        </#list>
                    </#if>

                </div>
            </div>
        </div>

        <form method="post" action="/list?parent_id=-1&channel_id=0&position_id=0&style_type=0&price=0&area=0"
              enctype="multipart/form-data">
            <input type="hidden" name="search_type" id="search_type" value="0"/>
            <div class="searchbox">

                <ul class="border1">
                <#--<li><a href="#" class="style1">服务</a></li>-->
                    <li><a href="#" class="style1">商家</a></li>
                </ul>
                <input type="text" name="keyword"/>
                <div>
                    <button type="submit" name="search">搜索</button>
                </div>
            </div>
        </form>
        <span class="contact"><img src="/common/images/tel.png"></span>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $(".bodys p").not(":first").hide();
        $(".searchbox ul li").mouseover(function () {
            var index = $(this).index();
            if (index == 0) {
                $("#search_type").val(0);
                $(this).find("a").removeClass("style2").addClass("style1");
                $(this).siblings().find("a").removeClass("style1").addClass("style2");
            }
            if (index == 1) {
                $("#search_type").val(1);
                $(this).find("a").removeClass("style2").addClass("style1");
                $(this).siblings().find("a").removeClass("style1").addClass("style2");
            }
//            alert($("#search_type").val());
        });
    });
</script>